<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title><%= activeInfo.aName %></title>
<meta name="keywords" content="WDShare《Vue.js 专场》第12期 2016.10,WDShare,西安前端社区" />
<meta name="description" content="WDShare《Vue.js 专场》第12期 2016.10, WDShare，Web Developer Share 西安前端开发者分享社区" />
<% include ../../etc/htmlhead.ejs %>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link href="/static/plugin/fancybox/jquery.fancybox.css" rel="stylesheet" />
<link href="/static/active_style/12b/css/style.css" rel="stylesheet" />
<%
  var name = '',
      com = '',
      www = '',
      email = '',
      school = '';
  if(user && user.email) {
    email = user.email;
  }
  if(user && user.email != user.username) {
    name = user.username;
  }
  if(userInfo && userInfo.realname) {
    name = userInfo.realname;
  }
  if(name == "undefined") {
    name = '';
  }

  if(userInfo && userInfo.com) {
    com = userInfo.com;
  }
  if(com == "undefined") {
    com = '';
  }

  if(userInfo && userInfo.school) {
    school = userInfo.school;
  }
  if(school == "undefined") {
    school = '';
  }

  if(userInfo && userInfo.www && userInfo.www != "http://") {
    www = userInfo.www;
  }
  if(www == "undefined") {
    www = '';
  }
%>
<script>
  var activeStatus = <%=activeInfo.aStatus%>
</script>
</head>

<body>
<script>
if ( navigator.userAgent.indexOf("Mac OS X")>0 ) {
  document.getElementsByTagName("body")[0].style.fontFamily = "'Hiragino Sans GB', 'Microsoft YaHei'";
}
</script>
<div class="ie">没有IE9+、Chrome、Firefox等现代化浏览器，我都不好意思给你看！</div>

<div class="active12-top">
  <div class="active12-top-con">
    <div class="active12-top-logo"><a href="http://www.wdshare.org/"><img src="/static/active_style/12b/img/logo.png" /></a></div>
    <div class="active12-top-nav">
      <a href="#gaikuang">活动概况</a>
      <!-- <a href="#zhichi">赞助支持</a> -->
      <a href="#content">交流内容</a>
      <!--
      <% if ( activeInfo.aStatus == 1 ) { %><a href="#join" class="important">我要报名</a><% } %>
      <% if ( activeInfo.aStatus == 0 ) { %><span class="important">活动圆满成功</span><% } %>
      <% if ( activeInfo.aStatus == 2 ) { %><span class="important">暂停报名</span><% } %>
      <% if ( activeInfo.aStatus == 3 ) { %><span class="important">活动筹备中</span><% } %>-->
      <a href="#xianchang" class="important">活动现场</a>
      <a href="#changdi">场地概况</a>
      <a href="#comment">活动互动</a>
    </div>
    <div class="gw-nav">
      <a href="http://www.wdshare.org/">官网</a>
      <!-- <a href="http://www.wdshare.org/active/">活动</a> -->
      <a href="http://www.wdshare.org/article/">技术文章</a>
      <a href="http://www.wdshare.org/donation/">捐赠</a>
    </div>
  </div>
</div>

<input id="js-archives-id" type="hidden" value="<%= activeInfo._id %>" />
<input id="js-archives-model" type="hidden" value="active" />

<a name="gaikuang"></a>
<div class="active12-head">
  <!-- <img src="/static/active_style/12b/img/banner.jpg" style="margin:auto;" /> -->
  <div class="active12-head-text horizontal-middle">
    <div class="active12-head-con">
      <div class="active12-info">
        <div class="vue-logo"><img src="/static/active_style/12b/img/vue-logo.png" /></div>
        <h1>WDShare《Vue.js 专场》</h1>
        <p>分享MV*、前后端分离、Vue基础、组件化开发等，结合实际案例及线上项目多方位阐述新时代的前端技术</p>
        <p class="other">地址：<b>西安高新区科技路48号创业广场C座1层 &nbsp;&nbsp;&nbsp; 【创途在XIAN 路演厅】</b> &nbsp;<a href="http://j.map.baidu.com/T00dB" target="_blank">在百度地图查看</a><br />时间：2017-03-26 (周日) 14:00--18:00  &nbsp;&nbsp;&nbsp;&nbsp;   活动圆满结束，下方活动内容处有相关ppt和资料<% if ( activeInfo.aStatus == 1 ) { %> &nbsp;&nbsp; <a href="#join">我要报名</a><% } %></p>
      </div>
    </div>
  </div>
</div>

<div class="aboutWDShare">
  <h2 class="mod-title">WDShare 西安前端开发者分享社区</h2>
  <h3 class="mod-title-small">一个公益性的前端行业技术社区，欢迎加入我们的QQ群、微信群、公众号、微博，关注更多活动</h3>
  <div class="aboutWDShare-con maxWidth">
    <div class="aboutWDShare-qq">
      <p><span><em>QQ群：</em>375042952</span><strong>西安高级前端开发<em>--关闭入口</em></strong></p>
      <p><span><em>QQ群：</em>284216186</span><strong>西安中级前端开发<em>--邀请制</em></strong></p>
      <p><span><em>QQ群：</em>4983126</span><strong>西安初级前端开发<em>--开放入口</em></strong></p>
      <p><span><em>QQ群：</em>37948639</span><strong>WDShare西安前端内推<em></em></strong></p>
      <p><span><em>QQ群：</em>210874879</span><strong>WDShare校园前端社区<em></em></strong></p>
      <div class="aboutWDShare-weibo"><strong style="padding-bottom:10px;">微博：</strong><wb:follow-button uid="5343004631" type="red_2" width="136" height="24" ></wb:follow-button></div>
    </div>
    <div class="aboutWDShare-code">
      <img src="/static/active_style/12b/img/weixincode.png" />
      微信公众号
    </div>
    <div class="aboutWDShare-weixin"><b>微信群加入方式：</b><br />请先搜索“imfuqi”<br />加为好友，<br />注明：加入WDShare微信群</div>
  </div>
</div>

<a name="content"></a>
<div class="active12-content">
  <h2 class="mod-title">活动内容</h2>
  <h3 class="mod-title-small">分享MV*、前后端分离、Vue基础、组件化开发等，结合实际案例及线上项目多方位阐述新时代的前端技术<br /><a href="https://wj.qq.com/s/1077097/7bd9" target="_blank">Vue.js专场活动前期调查</a>， 没有做过该调查的同学请帮忙填写一下，让我们更了解开发者</h3>
  <div class="active12-content-list">
    <div class="active12-content-item">
      <div class="torus" data-percent="1">
        <div class="pie_chart_torus">
          <ul>
            <li class="pie_chart_torus_c1_r">
              <p>
                <span class="pie_left"></span>
              </p>
            </li>
            <li class="pie_chart_torus_c1_l">
              <p>
                <span class="pie_right"></span>
              </p>
            </li>
          </ul>
        </div>
        <div class="torus-text-position horizontal-middle">
          <div class="torus-text horizontal-middle"><img src="/static/active_style/12b/img/icon-checkin.png" /></div>
        </div>
      </div>
      <div class="time">13:30 - 14:00</div>
      <div class="text">
        <h4 style="margin-top:30px;">签到，送拥抱</h4>
      </div>
    </div>
    <div class="active12-content-item">
      <div class="torus" data-percent="25">
        <div class="pie_chart_torus">
          <ul>
            <li class="pie_chart_torus_c1_r">
              <p>
                <span class="pie_left"></span>
              </p>
            </li>
            <li class="pie_chart_torus_c1_l">
              <p>
                <span class="pie_right"></span>
              </p>
            </li>
          </ul>
        </div>
        <div class="torus-text-position horizontal-middle">
          <div class="torus-text horizontal-middle"><img src="/static/active_style/12b/img/icon-share.png" /></div>
        </div>
      </div>
      <div class="time">14:00 - 15:00</div>
      <div class="text">
        <h4 style="margin-top:15px;">交流前奏曲  &nbsp;&nbsp;&nbsp;&nbsp; <a target="_blank" href="/files/20170326/WDShare-start.pdf">会议前奏+前期调查数据 PPT 预览</a></h4>
        <p>F7，介绍WDShare、汇报前期调查数据、带大家简单认识Vue</p>
      </div>
    </div>
    <div class="active12-content-item">
      <div class="torus" data-percent="50">
        <div class="pie_chart_torus">
          <ul>
            <li class="pie_chart_torus_c1_r">
              <p>
                <span class="pie_left"></span>
              </p>
            </li>
            <li class="pie_chart_torus_c1_l">
              <p>
                <span class="pie_right"></span>
              </p>
            </li>
          </ul>
        </div>
        <div class="torus-text-position horizontal-middle">
          <div class="torus-text horizontal-middle"><img src="/static/active_style/12b/img/icon-share.png" /></div>
        </div>
      </div>
      <div class="time">15:00 - 16:00</div>
      <div class="text">
        <h4 style="margin-top:15px;">将企业应用的 WEB 端平滑过渡到 Vue.js  &nbsp;&nbsp;&nbsp;&nbsp; <a target="_blank" href="/files/20170326/MVVM, WPF, Vue.js, 以及如何在企业中使用 Vue.pdf">PPT阅读</a></h4>
        <p>陈天运，软件工程师，Design For a Perfect Screen 译者</p>
      </div>
    </div>
    <div class="active12-content-item">
      <div class="torus" data-percent="55">
        <div class="pie_chart_torus">
          <ul>
            <li class="pie_chart_torus_c1_r">
              <p>
                <span class="pie_left"></span>
              </p>
            </li>
            <li class="pie_chart_torus_c1_l">
              <p>
                <span class="pie_right"></span>
              </p>
            </li>
          </ul>
        </div>
        <div class="torus-text-position horizontal-middle">
          <div class="torus-text horizontal-middle"><img src="/static/active_style/12b/img/icon-xiuxi.png" /></div>
        </div>
      </div>
      <div class="time">16:00 - 16:15</div>
      <div class="text">
        <h4 style="margin-top:30px;">休息</h4>
      </div>
    </div>
    <div class="active12-content-item">
      <div class="torus" data-percent="75">
        <div class="pie_chart_torus">
          <ul>
            <li class="pie_chart_torus_c1_r">
              <p>
                <span class="pie_left"></span>
              </p>
            </li>
            <li class="pie_chart_torus_c1_l">
              <p>
                <span class="pie_right"></span>
              </p>
            </li>
          </ul>
        </div>
        <div class="torus-text-position horizontal-middle">
          <div class="torus-text horizontal-middle"><img src="/static/active_style/12b/img/icon-share.png" /></div>
        </div>
      </div>
      <div class="time">16:15 - 17:15</div>
      <div class="text">
        <h4 style="margin-top:0;">使用Vue.js开发在线h5编辑器<br /><a target="_blank" href="http://yangjunjun.oschina.io/h5-share/">PPT阅读</a> &nbsp;&nbsp; <a target="_blank" href="http://git.oschina.net/yangjunjun/h5c">h5c源码</a> &nbsp;&nbsp; <a target="_blank" href="http://git.oschina.net/yangjunjun/h5c-server">后端</a> &nbsp;&nbsp; <a target="_blank" href="http://git.oschina.net/yangjunjun/h5c-vuex">vuex版本</a></h4>
        <p>杨俊业， 非知名公司前端工程师， vue.js 爱好者</p>
      </div>
    </div>
    <div class="active12-content-item">
      <div class="torus" data-percent="95">
        <div class="pie_chart_torus">
          <ul>
            <li class="pie_chart_torus_c1_r">
              <p>
                <span class="pie_left"></span>
              </p>
            </li>
            <li class="pie_chart_torus_c1_l">
              <p>
                <span class="pie_right"></span>
              </p>
            </li>
          </ul>
        </div>
        <div class="torus-text-position horizontal-middle">
          <div class="torus-text horizontal-middle"><img src="/static/active_style/12b/img/icon-talk.png" /></div>
        </div>
      </div>
      <div class="time">17:15 - 18:00</div>
      <div class="text">
        <h4 style="margin-top:15px;">案例介绍 ＋ 讨论提问  &nbsp;&nbsp;&nbsp;&nbsp; <a target="_blank" href="/files/20170326/Vue-case.pdf">案例+相关资料 PPT 预览</a></h4>
        <p>线上案例展示及简单分享【如果您有Vue的案例请联系F7】</p>
      </div>
    </div>
    <div class="active12-content-item">
      <div class="torus-zhanwei"></div>
      <div class="time">结束</div>
      <div class="text">
        <h4 style="margin-top:30px;">AA聚餐，欢迎您持续关注WDShare其它技术交流会，<br />每两个月一期</h4>
      </div>
    </div>
  </div>

  <!-- <div class="active12-work">
    <h3>活动奖品：</h3>
    <div class="active12-work-con">
      <a href="https://book.douban.com/subject/26745943/" target="_blank"><img src="https://img1.doubanio.com/lpic/s28659699.jpg" /></a>
      <a href="https://book.douban.com/subject/25768396/" target="_blank"><img src="https://img3.doubanio.com/lpic/s27269296.jpg" /></a>
      <a href="https://book.douban.com/subject/10546125/" target="_blank"><img src="https://img3.doubanio.com/lpic/s8958650.jpg" /></a>
      <a href="https://book.douban.com/subject/26342322/" target="_blank"><img src="https://img3.doubanio.com/lpic/s28024394.jpg" /></a>
      <a href="https://book.douban.com/subject/26708954/" target="_blank"><img src="https://img3.doubanio.com/lpic/s28383612.jpg" /></a>
      <a href="https://book.douban.com/subject/10549733/" target="_blank"><img src="https://img3.doubanio.com/lpic/s8958854.jpg" /></a>
      <a href="/static/active_style/12b/img/prize.jpg" target="_blank"><img src="/static/active_style/12b/img/prize.jpg" /></a>
    </div>
  </div> -->

  <div class="active12-work">
    <h3>本期工作人员：</h3>
    <div class="active12-work-con">
      <span>1、主持人 [F7(付琦)]</span>
      <span>2、讲师助手及设备调试 【棍子】</span>
      <span>3、签到、后勤【雷朋伟】</span>
      <span>4、驻场编辑 【杨浩】</span>
    </div>
  </div>
  <div class="active12-work active12-media">
    <h3>主办：<img src="/static/active_style/12b/img/logo-wdshare.png" alt="WDShare" />  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 支持社区：<img src="/static/active_style/12b/img/logo-qianduanzhidian.png" alt="前端之巅" />  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 场地支持：<img src="/static/active_style/12b/img/logo-chuangtu.jpg" alt="创途在XIAN" /></h3>
  </div>

</div>

<a name="xianchang"></a>
<input id="init-fancybox" type="hidden"/>
<div class="active12-xianchang">
  <h2 class="mod-title">精彩现场</h2>
  <div class="active12-xianchang-con active-con">
    <a href="/files/20170326/1.jpg"><img src="/files/20170326/1-s.jpg"></a>
    <a href="/files/20170326/2.jpg"><img src="/files/20170326/2-s.jpg"></a>
    <a href="/files/20170326/3.jpg"><img src="/files/20170326/3-s.jpg"></a>
    <a href="/files/20170326/4.jpg"><img src="/files/20170326/4-s.jpg"></a>
    <a href="/files/20170326/5.jpg"><img src="/files/20170326/5-s.jpg"></a>
    <a href="/files/20170326/6.jpg"><img src="/files/20170326/6-s.jpg"></a>
  </div>
</div>

<% if ( activeInfo.aStatus == 1 ) { %>
<a name="join"></a>
<div class="active12-join" id="js-active-join">
  <h2 class="mod-title">我要报名</h2>
  <h3 class="mod-title-small">报名须知：本活动为公益性，<span style="color:#ff0;">免费参加</span>。活动提供学习、交流、工作的机会。为了您能得到更贴身的技能，请如实填写信息。<br/>请关注我们的QQ群、微信群、公众号、微博，以便获得活动最新情况</h3>
  <div class="active-join">
    <% if(!user){ %>
    <div class="active-login">
      登录后启用快捷报名
      <a href="/user/login" onclick="if ( window.location.href.indexOf('referer') < 0 ) { window.location='/user/login?referer='+window.location.href; } else {window.location='/user/login?'+window.location.href.substring(window.location.href.indexOf('referer'));} return false;" class="but but-blue but-login">登录</a><a href="/user/register" onclick="if ( window.location.href.indexOf('referer') < 0 ) { window.location='/user/register?referer='+window.location.href; } else {window.location='/user/register?'+window.location.href.substring(window.location.href.indexOf('referer'));} return false;" class="but but-gray but-reg">注册</a>
    </div>
    <% } %>
    <form name="joinform" id="js-joinform" method="post"> 
      <input type="hidden" name="aid" value="<%= activeInfo._id %>">
      <input type="hidden" name="w_share" value="0" />
      <input type="hidden" name="chi" value="0" />
      <dl>
        <dt>邮箱：</dt>
        <dd>
          <input type="text" name="mail" placeholder="常用邮箱" value="<%=email%>"> <em>请正确填写邮箱</em>
          <span>通过邮箱接收邀请函</span>
        </dd>
      </dl>
      <dl>
        <dt>姓名/昵称：</dt>
        <dd>
          <input type="text" name="name" placeholder="尊姓大名" value="<%=name%>"> <em>名称至少两个字符</em>
        </dd>
      </dl>
      <dl>
        <dt>公司||学校：</dt>
        <dd>
          <input type="text" name="com" placeholder="公司||学校" value="<%=com%>">    
          <span>选填</span>
        </dd>
      </dl>
      <dl>
        <dt>博客：</dt>
        <dd>
          <input type="text" name="web" placeholder="博客、微博、Github等地址" value="<%=www%>">    
          <span>选填：博客、微博、Github等地址</span>
        </dd>
      </dl>
      <dl>
        <dt>分享前端知识：</dt>
        <dd>
          <label>
            <input type="radio" name="w_share" value="1" style="width:auto; margin-right:5px;">我有前端知识分享</label>
          &nbsp;
          <label> &nbsp; &nbsp; &nbsp;
            <input type="radio" checked="checked" name="w_share" value="0" style="width:auto; margin-right:5px;">暂时没有</label>
          <span>帮助大家学习</span>
        </dd>
      </dl>
      <dl>
        <input type="hidden" name="content">    
        <dt>案例、问题留言：</dt>
        <dd>
          <textarea name="guestbook"></textarea>
          <span>选填</span>
          <br>
          <em style="color:#41b883;display:block; padding-left:0;">可填写Vue.js案例地址，或者针对Vue.js的困惑、感叹、吐槽等，该项填写更容易获取邀请函</em>
        </dd>
      </dl>
      <dl>
        <dt>您是否参与AA聚餐：</dt>
        <dd>
          <label><input type="radio" name="chi" value="1" style="width:auto; margin-right:5px;">是</label> &nbsp; &nbsp; &nbsp; &nbsp;
          <label><input type="radio" name="chi" value="0" checked="checked" style="width:auto; margin-right:5px;">否</label>
          <span>聚餐是为了认识更多的朋友</span>
        </dd>
      </dl>
      <% if ( activeJoinCaptcha && activeJoinCaptcha === true ) { %>
      <dl>
        <dt>验证码：</dt>
        <dd>
          <input type="text" name="code" placeholder="验证码" style="width:120px;" /> <img id="activeJoin-code" src="/captcha/get" onclick="this.src +='?'+new Date().getTime(); return false;" title="点击刷新验证码" style="display:inline-block;" /> <em>请填写验证码</em>
        </dd>
      </dl>
      <% } %>
      <dl>
        <dd class="form-but">
          <input type="submit" name="button" value="提交报名"></dd>
      </dl>
    </form>
  </div>
</div>
<% } %>

<a name="changdi"></a>
<div class="active12-changdi">
  <h2 class="mod-title">场地介绍</h2>
  <h3 class="mod-title-small">本期场地由创途在XIAN提供，距离地铁3号线较近，附近有多条公交线路可达楼下，<a href="http://j.map.baidu.com/T00dB" target="_blank">点击查看百度地图</a> &nbsp; <a href="http://map.baidu.com/#panoid=01021500001404301037018945I&panotype=street&heading=222&pitch=-2&l=17&tn=B_NORMAL_MAP&sc=0&newmap=1&shareurl=1&pid=01021500001404301037018945I&psp=%7B%22PanoModule%22%3A%7B%22markerUid%22%3A%2299122aa11d6767cd0b69d9be%22%7D%7D" target="_blank">点击进入街道全景</a><br />友情提示：进入C座后直接往最深处走就是创途在XIAN，最最深处就是路演厅，也是咖啡厅</h3>
  <p style="height:40px;">&nbsp;</p>
  <!-- <div><img style="margin:auto;" src="/static/active_style/11/img/zkj-logo.jpg" /></div> -->
  <!-- <p style="height:40px;">&nbsp;</p> -->
  <!-- <iframe class="ueditor_baidumap" src="/static/ueditor/dialogs/map/show.html#center=108.912346,34.241589&amp;zoom=17&amp;width=800&amp;height=500&amp;markers=108.912543,34.241469&amp;markerStyles=l,A" frameborder="0" width="800" height="500"></iframe> -->
  <img style="width:800px; margin:auto;" src="/static/active_style/12b/img/map.jpg" />

  <p class="changdi-yindao">“创途在XIAN”是西安高新区凝聚二十余年创业孵化资源，打造的西部首家专注于综合创业生态圈的众创空间，拥有西高新CBD3000平方米创业孵化空间，配备220余个创业工位、10个会议室、培训室、路演大厅和Do+咖啡交流区，汇聚天使投资、导师辅导、创业培训、市场推广、媒体宣传等一系列服务资源支持拥有梦想的创业者。</p>
  <div class="changdi-yulan">
    <img src="/static/active_style/12b/img/changdi-1.jpg" />
    <img src="/static/active_style/12b/img/changdi-2.jpg" />
    <img src="/static/active_style/12b/img/changdi-3.jpg" />
    <img src="/static/active_style/12b/img/changdi-4.jpg" />
  </div>
</div>

<div class="mingxie">
  <h2 class="mod-title">鸣谢</h2>
  <h3 class="mod-title-small">感谢InfoQ旗下前端技术垂直社群前端之巅的社区支持，感谢创途在XIAN的场地支持</h3>
  <div class="mingxie-con">
    <div class="mingxie-item">
      <strong>主办方「WDShare」</strong>
      <img src="/static/active_style/12b/img/weixincode.png" />
      <p>西安本地公益性前端技术社区，欢迎关注</p>
    </div>
    <div class="mingxie-item">
      <strong>支持社群「前端之巅」</strong>
      <img src="/static/active_style/12b/img/qdzd-code.png" />
      <p>InfoQ旗下关注前端技术的垂直社群，欢迎关注</p>
    </div>
    <div class="mingxie-item">
      <strong>场地支持「创途在XIAN」</strong>
      <img src="/static/active_style/12b/img/chuangtucode.png" />
      <p>让更多创业者梦想成真，欢迎关注</p>
    </div>
  </div>
</div>

<input id="js-archives-id" type="hidden" value="<%= activeInfo._id %>" />
<input id="js-archives-model" type="hidden" value="active" />
<a name="comment"></a>
<div class="active12-comment">
<% if ( configIsComment && activeInfo.isComment ) { %>
  <div class="maxWidth active-comment">
    <!--  Comment  -->
    <div class="comment" id="js-comment">
      <h1>评论这个活动</h1>
      <div class="comment-add">
        <% if ( user ) { %>
          <% if ( user.username.indexOf("@") > -1 ) { %>
            <div class="comment-not-login">先给自己一个昵称吧 <a href="/user/">点击设置昵称</a></div>
          <% } else { %>
            <a name="comment"></a>
            <form id="js-comment-form" name="comment-form" method="post">
              <input type="hidden" name="typeid" value="<%= activeInfo._id %>" />
              <input type="hidden" name="model" value="active" />
              <input type="hidden" name="title" value="<%= activeInfo.aName %>" />
              <input type="hidden" name="privacy" value="0" />
              <div class="comment-form-box">
                <div class="comment-form-user"><img src="/user/face/<%=user._id %>" title="<%=user.username %>" /></div>
                <div class="comment-form-body">
                  <textarea name="content" placeholder="请输入评论内容，遵纪守法就是好公民！"></textarea>
                  <% if ( captcha && captcha === true ) { %>
                  <div class="comment-form-code"><input type="text" name="code" placeholder="验证码" /> <img id="code" src="/captcha/get" onclick="this.src +='?'+new Date().getTime(); return false;" title="点击刷新验证码" style="display:inline-block;" /></div>
                  <% } %>
                  <div class="comment-form-but">
                    <input type="submit" class="but-blue" name="button" value="提交" />
                  </div>
                </div>
              </div>
            </form>
          <% } %>
        <% } else { %>
          <a name="comment"></a>
          <div class="comment-not-login">
            只有WDShare成员才能发表评论。 <br />
            请 <a href="/user/login" onclick="if ( window.location.href.indexOf('referer') < 0 ) { window.location='/user/login?referer='+window.location.href; } else {window.location='/user/login?'+window.location.href.substring(window.location.href.indexOf('referer'));} return false;">登录</a> 或者 <a href="/user/register" onclick="if ( window.location.href.indexOf('referer') < 0 ) { window.location='/user/register?referer='+window.location.href; } else {window.location='/user/register?'+window.location.href.substring(window.location.href.indexOf('referer'));} return false;">注册</a> 后发表评论！
          </div>
        <% } %>
      </div>
      <div class="comment-list" id="js-comment-list">
        数据加载中...
      </div>
    </div>
    <!--  Comment End  -->
  </div>
<% } %>
</div>

<% include ../../etc/foot.ejs %>

<script src="/static/skin2015/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
  /**
   * 初始化圆环
   * @param {HTMLElement} elem    圆环总节点
   * @param {Number} percent 要显示的百分比
   */
  function setTorus(elem, percent) {
      if ( !elem ) { return false };
      var torus_right = $(elem).find(".pie_chart_torus_c1_r p"),
          torus_left = $(elem).find(".pie_chart_torus_c1_l p"),
          li_odd = $(elem).find("ul li").eq(0),
          li_even = $(elem).find("ul li").eq(1),
          width = $(elem).width(),
          count = 360 / 100 * percent;

      
      // 根据父类宽高处理显示
      li_odd.css("clip", "rect(0px, " + width + "px, " + width + "px, " + width / 2 + "px)");
      li_even.css("clip", "rect(0px, " + width / 2 + "px, " + width + "px, 0px)");

      // 设置百分比
      if (count <= 180) {
          torus_left.css("transform", "rotate(0deg)");
          torus_right.css("transform", "rotate(" + count + "deg)");
      } else {
          torus_right.css("transform", "rotate(180deg)");
          torus_left.css("transform", "rotate(" + (count - 180) + "deg)");
      }
  };

  $(".torus").each(function() {
    setTorus(this, $(this).attr("data-percent"));
  });
  
  // 菜单当前状态设置
  function menuState() {
    var item = $(".active12-top-nav a"),
        _top = $(document).scrollTop();
    item.each(function() {
      var name = $(this).attr("href").replace("#", "");
      if ( $("a[name='"+name+"']").length > 0 && _top >= ($("a[name='"+name+"']").offset().top-200) ) {
        item.removeClass('current');
        $(this).addClass('current');
      }
    });
  };
  menuState();
  $(document).on("scroll", function() {
    menuState();
  });
</script>

<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>